<template>
  <div class="body">
       <div class="imgscroll">
       <van-swipe :autoplay="3000">
        <van-swipe-item v-for="(fonc,index) in homeList.focusList" :key="fonc.id">
          <img  :src='fonc.picUrl' style="height:187px;width:100%" />
        </van-swipe-item>
        
      </van-swipe>
    </div>

    <!-- 图片下小字 -->
    <div class="img_bott" >
      <div class="text_box" v-for="(DescList,index) in homeList.policyDescList" :key="DescList.index">
        <img :src="DescList.icon" alt="" class="text_boxImg" >
        <span class="text_boxText">{{DescList.desc}}</span>
      </div>

    </div>

    <!-- 商品分类 -->
    <div class="category">
      <van-grid :column-num="5" :border="false" >
         <van-grid-item  v-for="(pic,index) in tenImg" :key="index" :icon="pic.picUrl" :text="pic.text"  @click="chenkImg(index)" />
      </van-grid>

    </div>

    <!-- 每日抄底 -->
    <div class="everydayone">
      <!-- 第一行 -->
      <div class="first_one">
        <!-- 左边图片 -->
        <div class="first_oneLift">
          <img class="first_oneLiftImg " src="https://yanxuan.nosdn.127.net/c3350d145e89e7ece1cd89e79127901c.png?quality=75&type=webp&imageView&thumbnail=375x0" alt="">
          <div class="text_box">
            <span class="first_oneLiftspan1">每日抄底</span>
            <span class="first_oneLiftspan2">放心买</span>
          </div>
          
        </div>
        <!-- 右边图片 -->
        <div class="first_oneLift">
          <img class="first_oneLiftImg" src="https://yanxuan.nosdn.127.net/1128d90c6d584aecf3aac8ae79179cda.png?quality=75&type=webp&imageView&thumbnail=375x0" alt="">
            <div class="text_box">
            <span class="first_oneLiftspan1">每日抄底</span>
            <span class="first_oneLiftspan2">放心买</span>
          </div>
        </div>
      </div>
      <!-- 第二行 -->
      <div class="first_two">
        <img class="first_twoImg" src="https://yanxuan.nosdn.127.net/4625238426191a895bb66b030fcc9fb3.gif?imageView&quality=75&type=jpg" alt="">
      </div>
      <!-- 第三行 -->
      <div class="first_three">
        <img class="first_threeImg" src="https://yanxuan.nosdn.127.net/c9a2110b4f03433f423e258df2bbfad5.gif?imageView&quality=75&type=jpg" alt="">
      </div>
      <!-- 第四行 -->
      <div class="first_four">
          <img  class="first_fourimg" src="https://yanxuan.nosdn.127.net/6e9fee2bdd2a5c8d9fbf8b3e2e9d7eee.png?quality=75&type=webp&imageView&thumbnail=250x0" alt="">
          <img  class="first_fourimg" src="https://yanxuan.nosdn.127.net/6e9fee2bdd2a5c8d9fbf8b3e2e9d7eee.png?quality=75&type=webp&imageView&thumbnail=250x0" alt="">
          <img  class="first_fourimg" src="https://yanxuan.nosdn.127.net/6e9fee2bdd2a5c8d9fbf8b3e2e9d7eee.png?quality=75&type=webp&imageView&thumbnail=250x0" alt="">
      </div>
    </div>
    <!-- 新人专享礼 -->
    <div class="bon_bg">
       <div class="new">
      <div class="new_header">-新人专享礼-</div>
      <div class="new_bigBox">
        <!-- 左边 -->
        <div class="new_bigBoxleft">
          <div class='new_bigBoxleft1'>新人专享礼</div>
          <img class='new_bigBoxleft2' src="//yanxuan.nosdn.127.net/352b0ea9b2d058094956efde167ef852.png" alt="">
        </div>
        <!-- 右边 -->
        <div class="new_bigBoxright">
          <div class="new_bigBoxrighttop" v-for="(Module,index) in homeList.indexActivityModule" :key="index">
            <div class="small_box">
              <div class="small_boxtext">福利社</div>
              <div class="small_boxevery">{{Module.tag}}</div>
            </div>
            <img class="small_boximg" :src="Module.showPicUrl" alt="">
          </div>


        </div>
      </div>
    </div>

    <!-- 类目热销榜 -->
    <div class="sell">
      <div class="sell_header">类目热销榜</div>
      
      <div class="sell_body">
        <div class="sell_bodyTop">

          <div class="sell_bodyLift">
            <span>服饰鞋包榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/9c84f1fb98a9d058a932641bd2afaca8.png" alt="">
          </div>

          <div class="sell_bodyLift" >
            <span>居家生活榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/307a97ed1516fc2906a2cfa1680281bb.png" alt="">
          </div>
        </div>

        
        <div class="man_all">
          <div class="man_allsmallbox">
            <span>个护清洁榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/9c84f1fb98a9d058a932641bd2afaca8.png" alt="">
          </div>

          <div class="man_allsmallbox">
            <span>美食酒水榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/238eee02ce11fffc3fc58f54b5b101c6.png" alt="">
          </div>

          <div class="man_allsmallbox">
            <span>数码家电榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/a68c168effe0a2b5547e37f135af75ee.png" alt="">
          </div>

          <div class="man_allsmallbox">
            <span>严选全球榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/072ccbe009d9052615bcdedda121f08c.png" alt="">
          </div>

          <div class="man_allsmallbox">
            <span>母婴亲子榜</span>
            <img src="https://yanxuan-item.nosdn.127.net/f8979314ca2c23252e183d54b34f38ef.png" alt="">
          </div>

        </div>
      </div>

    </div>

    <!-- 超值捡漏 -->
    <div class="sale">
      <div class='saleLift '>
        <span>超值捡漏</span>
        <span>买到就赚到</span>
        <div class='saleLiftTop'>
          <img src="https://yanxuan-item.nosdn.127.net/3da0a312196195f88f82402ad18886f4.png?quality=75&type=webp&imageView&thumbnail=150x150" alt="">
          <img src="https://yanxuan-item.nosdn.127.net/ae5ab2d33bb34eca6edaf107d4eac5e6.png?quality=75&type=webp&imageView&thumbnail=150x150" alt="">
        </div>
      </div>
      <div class='saleLift salelifea'>
        <span>超值捡漏</span>
        <span>买到就赚到</span>
        
      </div>
    </div>
    <!-- 低部 -->
    <div class="floor">
      <div class="floor_top">
        <span>下载APP</span>
        <span>电脑版</span>
      </div>
      <div class="floor_text">
        <span>网易公司版权所有@1997-2021</span>
        <span>食品经营许可证：JY13301080111719</span>
      </div>
    </div>

    </div>

    </div>
</template>

<script>
export default {
  name: '',
  props:["homeList"],
  computed:{
    tenImg(){
      return (this.homeList.kingKongModule||{}).kingKongList||{}
      
    },
    
    renxiao(){
      return (this.homeList.categoryHotSellModule||{}).categoryList || {}
    }
  },
  methods:{
    chenkImg(){
      this.$router.push({
        path:"/goodsdetail"
      })
    }
  }
}
</script>

<style lang="less" scoped>

</style>
